<template>
  <div>
    <!-- 阻止浏览器默认行为: 需要用到事件对象
    事件对象分两种情况获取:
    1. 事件处理函数无传参,第一个形参就可以接收到事件对象
    2. 事件处理函数有传参,需要手动传入$event -->
    <a @click="goToBaidu" href="https://www.baidu.com">百度</a>
    <a @click="goToHeima($event, 20000)" href="https://www.itheima.com">黑马</a>
  </div>
</template>

<script>
export default {

  data() {
    return {

    }
  },
  methods: {
    goToBaidu(e) {
      e.preventDefault()
    },
    goToHeima(e, sale) {
      console.log(sale)
      e.preventDefault()
    }
  }
}
</script>

<style lang="scss" scoped>

</style>